<template>
  <div>
    <h2>JSON editor</h2>
    <json-editor-com></json-editor-com>
    <carts></carts>
  </div>
</template>

<script lang="ts">
import {Options, Vue} from 'vue-class-component';
import JsonEditorCom from '@/components/JsonEditorCom.vue'
import Carts from '@/components/Carts.vue'


@Options({
  components: {JsonEditorCom, Carts},
})
export default class App extends Vue {
  model = {}
  SCHEMA = {
    type: 'object',
    title: 'vue-json-editor demo',
    properties: {
      name: {
        type: 'string',
      },
      email: {
        type: 'string',
      },
    },
  };

  mounted() {

  }

  submit() {
    console.log("submit")

  }

  reset() {
    console.log("reset")
  }
}
</script>

<style>

#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
}

</style>
